var alerthtml = "<div id='alert' style='background-color: rgba(0,0,0,0.5);padding: 0.8%;color: white;position: fixed;top: 45%;left: 45%;display: none;z-index:9999'></div>"

$(document).ready(function () {
    $('html').append(alerthtml);
});
/**
 * 提示框弹出
 */
function alertmsg(msg, state = false) {
    var msg = msg;
    var state = state;
    $('#alert').html(msg);
    $("#alert").fadeToggle("slow", function () {
        setTimeout(function () {
            $('#alert').fadeToggle('slow');
            if (state) {
                setTimeout(function () {
                    location.reload();
                }, 200)
            }
        }, 1500);

    });
};
/**
 * 建立一個可存取到該file的url
 * 图片的临时在浏览器显示的地址，可以用来做预览图
 */
function getObjectURL(file) {
        var url = null;
        // 下面函数执行的效果是一样的，只是需要针对不同的浏览器执行不同的 js 函数而已
        if (window.createObjectURL != undefined) {
            // basic
            url = window.createObjectURL(file);
        } else if (window.URL != undefined) {
            // mozilla(firefox)
            url = window.URL.createObjectURL(file);
        } else if (window.webkitURL != undefined) {
            // webkit or chrome
            url = window.webkitURL.createObjectURL(file);
        }
        return url;
    };
/**
     * 图片压缩，默认同比例压缩
     * @param {Object} path
     *   pc端传入的路径可以为相对路径，但是在移动端上必须传入的路径是照相图片储存的绝对路径
     * @param {Object} obj
     *   obj 对象 有 width， height， quality(0-1)
     * @param {Object} callback
     *   回调函数有一个参数，base64的字符串数据
     * image/png 不可以设置压缩质量
     */
    function dealImage(path, obj, callback) {
        var img = new Image();
        img.src = path;
        img.onload = function () {
            var that = this;
            // 默认按比例压缩
            var w = that.width,
                h = that.height,
                scale = w / h;
            w = obj.width || w;
            h = obj.height || (w / scale);
            // 默认图片质量为0.7
            var quality = 0.82;
            //生成canvas
            var canvas = document.createElement('canvas');
            var ctx = canvas.getContext('2d');
            // 创建属性节点
            var anw = document.createAttribute("width");
            anw.nodeValue = w;
            var anh = document.createAttribute("height");
            anh.nodeValue = h;
            canvas.setAttributeNode(anw);
            canvas.setAttributeNode(anh);
            ctx.drawImage(that, 0, 0, w, h);
            // 图像质量
            if (obj.quality && obj.quality <= 1 && obj.quality > 0) {
                quality = obj.quality;
            }
            // quality值越小，所绘制出的图像越模糊
            var base64 = canvas.toDataURL('image/webp', quality);
            // 回调函数返回base64的值
            callback(base64);
        }
    };
